<template>
	<div id="app">
		<div class="tksp">
			<span class="heiz"><span class="pil">|</span>&emsp;批量退款审批</span>
			<span class="ssp">首页>审批管理>业务审核</span>
		</div>
		<div class="jin ss">
			<span class="qqrq">起止日期：</span>
			<el-radio-group v-model="radio1">
				<el-radio-button label="今天"></el-radio-button>
				<el-radio-button label="最近3天"></el-radio-button>
				<el-radio-button label="最近7天"></el-radio-button>
			</el-radio-group>
			<span class="block">
				&emsp;<el-date-picker v-model="value1" type="daterange" range-separator="~" start-placeholder="开始日期"
					end-placeholder="结束日期">
				</el-date-picker>
			</span>

			<div class="ywlx ss">
				<el-form class="qqrq gjz1" :inline="true">
					<el-form-item label="业务类型:">
						<el-select class="ddh1" v-model="value" filterable placeholder="退款">
							<el-option v-for="item in options" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</el-form-item>
					<el-form-item>
						<el-input class="wuyu" v-model="input"></el-input>
					</el-form-item>

				</el-form>
			</div>
			<div class="shzt ss">
				<span class="qqrq">审核状态：</span>
				<el-radio-group v-model="radios1">
					<el-radio-button label="全部"></el-radio-button>
					<el-radio-button label="待审核"></el-radio-button>
					<el-radio-button label="审核通过"></el-radio-button>
					<el-radio-button label="驳回"></el-radio-button>
				</el-radio-group>
			</div>
			<div class=" ss">
				<!-- <span class="qqrq">关键字：</span> -->
				<el-form class="qqrq gjz" :inline="true">
					<el-form-item label="关键字：">
						<el-select class="ddh" v-model="value" filterable placeholder="商户订单号">
							<el-option v-for="item in optionsss" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</el-form-item>
					<el-form-item>
						<el-input class="wuyu" v-model="input"></el-input>
					</el-form-item>

				</el-form>


				<br>
				<router-link to="/home/minad/dash"><span class="oos">搜&emsp;索</span></router-link>
			</div>
		</div>
		<div class="jyjl">
			<div class="t-head">共1,000笔交易记录</div>
			<table border="1" cellspacing="0" cellpadding="0" rules="all">
				<tr class="trtr">
					<td>业务类型</td>
					<td>业务单号</td>
					<td>申请时间</td>
					<td>审核状态</td>
					<td>创建人</td>
					<td>复核时间</td>
					<td>复核人</td>
					<td>操作</td>
				</tr>
				<tr>
					<td>退款</td>
					<td>订单编号:12345****78384<br>交易号:201309030002</td>
					<td>2016-06-13<br>10:33:23</td>
					<td>审核通过</td>
					<td>admin</td>
					<td>2016-06-13<br>10:33:23</td>
					<td>dmin</td>
					<td class="xq">
						<router-link class="lan" to="/home/minad/xiangqing">详情</router-link>
					</td>
				</tr>
			</table>
		</div>
		<div class="footer">- 壹钱包商户服务平台 -</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				radio1: '1',
				radio2: '1',
				radio3: '1',
				radios1: '1',
				radios2: '1',
				radios3: '1',
				radios4: '1',
				options: [{
					value: '选项1',
					label: '退款'
				}, {
					value: '选项2',
					label: '提前结算'
				}, {
					value: '选项3',
					label: '批量代发'
				}, ],
				value: '',
				value1:'',
				input: '',
				optionsss: [{
					value: '选项1',
					label: '商户订单号'
				}],

			}


		},
	}
</script>
<style scoped="scoped">
	* {
		margin: 0;
		padding: 0;
	}

	.wuyu {
		width: 120px;
		height: 40px;
	}

	.ddh {
		width: 120px;
		display: inline-block;
		position: relative;
		left: -11px;
	}
	.ddh1 {
		width: 120px;
		display: inline-block;
		position: relative;
		left: -7px;
	}

	.lan {
		color: #0064C1;
	}

	.oos {
		font-size: 15px;
		margin-left: 64px;
		margin-top: 6px;
		display: inline-block;
		width: 80px;
		height: 34px;
		line-height: 34px;
		text-align: center;
		background-color: #0064c1;
		color: #ffffff;
	}

	.ss {
		margin-top: 20px;
	}

	.gjz {
		margin-left: 4px;
	}

	.gjz1 {
		display: inline-block;
		position: relative;
		margin-left: -5px;
	}

	.jin {
		width: 98%;
		height: 300px;
		border-bottom: 1px solid #dddddd;
		margin-left: 1%;
		margin-top: 20px;
	}



	.tksp {
		width: 98%;
		height: 68px;
		line-height: 68px;
		margin-left: 1%;
		border-bottom: 1px solid #dddddd;
	}

	.heiz {
		display: inline-block;
		float: left;
		font-size: 20px;
	}

	.pil {
		color: #1d85d7;
	}

	.ssp {
		display: inline-block;
		float: right;
		font-size: 13px;
		color: #666666;
	}

	/* 交易记录 */
	.jyjl {
		width: 98%;
		margin-left: 1%;

	}

	table {
		margin-top: 5px;
		width: 98%;
		line-height: 40px;
		text-align: center;
		border: 1px solid #dddddd;
		font-size: 12px;
		color: #333333;
	}

	.t-head {
		margin-top: 20px;
	}

	/* .xq{
		border: 0px;
	} */

	/* 最后 */
	.footer {
		width: 98%;
		text-align: center;
		margin-top: 80px;
		font-size: 10px;
		color: #999999;
	}

	.qqrq {
		font-size: 10px;
		color: #333333;
	}
</style>
